/*FOR RADIO AND TEXTBOX*/
.NM-redborder{
    border:2px solid red !important;
}
.rc-align-vertical{
    display: block;
}
.rc-align-horizontal{
    display: inline-table;
    width: 5px;
}
/*FOR TABLE*/
.ui-icon-edit{
    background-position: -64px -113px;
}
.dynamic-td-droppable-selected{
    background-color: rgba(100,100,100,0.5) !important;
}
.form-table td{
    vertical-align: top;
    border: 1px solid #ddd;
}

/*FOR RESIZABLE*/
.resizing-also-resize{
    background-color: rgba(200,200,255,0.5) !important;
}

.workspace{
    border: 1px solid #ddd;background: url(/images/themes/workspace.jpg);height: 600px;width:1030px;
}

.contentBar_workspace{
    float: left;width: auto;border: 1px solid #d5d5d5;margin-left: 1px;background-color: #FAFAFA;margin-bottom: 200px;
}

input[class^="form-"],
input[class*="form-"]{
    /*color: black;*/
    background: #FFF;
    border: 1px solid #D5D5D5;
    padding: 7px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
    .setObject{
        position: absolute;
	z-index: 1;
	min-width:80px;
	border: 2px dotted;
	border-color: transparent;
	padding: 0px;
    display: inline-table;
    }
    .setObject-drag-handle{
	z-index: 3;
    }
	.setOBJ{
	    position: absolute;
	    z-index: 1;
	    min-width:80px;
	    border: none;
	    border-color: transparent;
	    padding: 5px;
        display: inline-table;
	}
    
    .setObject:hover{
	/*border-color: #ddd;*/
    }
	.setObjects_actions{
	    text-align: right;height:20px;
	    position: absolute;
	    width: 27px;
	    margin-top: -20px;
	    right: 0;
        z-index: 5;
	}
    /* Object properties design */
	.object_properties_wrapper{
	    float: left;
	    width: 100%;
	    margin-bottom: 5px;
	    height: 200px;
	    overflow:hidden;
	}
    .obj_label{
	min-height:20px;min-width:80px;
    display: block;
    }
	.obj_label label{
    display: block;
    word-wrap:break-word;
    }
    /* Field */
    .form-text{
	min-width:80px;
	width:100%;
        /*height: 28px;*/
    height: 32px;
    }
    .form-field{
	min-width:80px;
	width:40%;
        height: 28px;
	margin-top: 5px;
	margin-right: 20px;
    }
    .form-textarea_save{
	min-width:80px;
	width:100%;
        height: 50px;
	margin-top: 5px;
	background: #FFF;
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-textarea{
	min-width: 80px;
	width:100%;
        height: 50px;
	margin-top: 5px;
	margin-right: 20px;
	background: #FFF;
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-selectMany{
	width:100%;
        height: 100px;
	margin-top: 5px;
	margin-right: 20px;
	background: #FFF;
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-select{
	width:100%;
	/*margin-top: 5px;*/
	margin-right: 20px;
	background: #FFF;
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .hovering_object{
	z-index: 2;
    }
/* */
    .form_properties_container{
        position: relative;
        border: 1px solid;
    }
    .form_properties{
        position: fixed;
        top:37px;
        /*top: -70px;*/
        right: -211px;
        border-radius:5px 0px 0px 5px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        border-right: 1px solid #DDD;
        min-height: 500px;
        width: 200px;
        background-color: #FAFAFA;
        z-index: 1000;
	padding: 5px;
    }
    .form_properties_actions{
        position: fixed;
        /*top: 37px;*/
        top:37px;
        right: 0;
        border-radius:5px 0px 0px 5px;
        border: 1px solid #ddd;
        height: 30px;
        min-width: 30px;
        background-color: #FAFAFA;
        border-right: none;
        cursor: pointer;
        z-index: 1000;
	
    }
        .form_properties_actions > div{
            margin-top: 5px;margin-left: 8px;
        }
    
/* Settings Design CSS */
    
    .form_settings{
        float: left;width: 100%;list-style: none;
    }
        .form_settings > div.form_menu:first-child{
            float: left;width: 100%;border: 1px solid #DDD;
	    background: #FAFAFA;
	    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	    background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
	    text-decoration: none;
        }
            .form_settings > div.form_menu:first-child > div{
                padding: 5px;height: 15px;font-size: 10px;
            }
        .form_settings > div.form_menu{
            float: left;width: 100%;
        }
	    
            .form_settings > div.form_menu > div{
                padding: 5px;height: 15px;font-size: 10px;width: 45%;
            }
         
    .form_settings > div.form_menu:first-child > div:hover{
        color: #000;
        text-decoration: none;
    }		 
    
    .form_settings > div.form_menu > div:hover{
        color: red;
        cursor: pointer;
        text-decoration: underline;
    }
    .properties_width_container{
	width:45%;
    }
    .ui-resizable-helper { border: 2px dotted #00F; }
    


    .ws-ruler-vertical-column-guide{
	width: 1px;
	background-color: rgba(255,100,100,0.7);
	height: 100%;
	position: absolute;
	z-index: 500;
    }
    .ws-ruler-horizontal-row-guide{
            height: 1px;
            background-color: rgba(255,100,100,0.7);
            width: 100%;
            position: absolute;
            z-index: 500;
    }